@import '../../ui/base'

.root
  position relative
  width 100%
  height 30px
  border 0
  @extends .h-center
  color $font-color
  padding 0 5px
  font-size 12px
  &::after
  &::before
    position absolute
    right 5px
    top 4px
  &::after
    content ''
    width 0
    height 0
    border-style solid
    border-width 6px 3px 0 3px
    border-color #333 transparent transparent transparent
    top 50%
    margin-top 1px
  &::before
    content ''
    width 0
    height 0
    border-style solid
    border-width 0 3px 6px 3px
    border-color transparent transparent #333 transparent
    top 50%
    margin-top -7px
  li
    > span
      height 30px
      padding 0 10px
      @extends .h-center
      cursor pointer
      &:hover
        background-color #f8f8f8
  > ul
    position absolute
    left 0
    top 100%
    width 100%
    box-shadow 0 1px 1px rgba(0,0,0,.35)
    background-color #fff
    z-index 12
    max-height 150px
    overflow-y auto
    margin-top 2px
    
  ul
    >li
      padding-left 10px
    ul
      li
        > span
          padding-left 25px

.required
  position absolute
  right 0
  margin-right -62px
  background-color #ced8e2
  color #fff
  width 39px
  height 18px
  line-height 18px
  text-align center
  font-size 12px
  top 5px
